<!DOCTYPE html>
<html lang="zh">
<head>
    <link
            href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css"
            rel="stylesheet"
            integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH"
            crossorigin="anonymous">
    <title>mgr</title>
</head>
<body>
<div id="main">
    <div id="table_main">
        <table class="table table-primary">
            <tr>
                <td>name</td>
                <td>port</td>
                <td>host</td>
                <td colspan="2">actions</td>
            </tr>
            {% for service in services %}
                <tr>
                    <td>{{ service[0] }}</td>
                    <td>{{ service[1] }}</td>
                    <td>{{ service[2] }}</td>
                    <td><a href="/update/{{ service[0] }}"><strong>update</strong> {{ service[0] }} </a></td>
                    <td><a href="/delete/{{ service[0] }}"><strong>delete</strong> {{ service[0] }}</a></td>
                </tr>
            {% endfor %}
        </table>
        <a href="/update/unknown">add new service</a>
        <a href="/">back to chatroom</a>
    </div>
</div>
</body>
</html>